<!DOCTYPE HTML>
<html class="js cssanimations">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<title>admin - 控制台</title>
		<link rel="stylesheet" href="../assets/css/amazeui.css">
		<link rel="stylesheet" type="text/css" href="../assets/css/animate.css" />
		<link rel="stylesheet" type="text/css" href="../assets/css/app.css" />
		<link rel="stylesheet" href="css/admin.css" />
	</head>

	<body class="am-with-topbar-fixed-top">
		<!-- start 头部导航 -->
		<header class="am-topbar am-topbar-fixed-top" id="fixed-top-topbar">
			<div class="am-topbar-brand am-text-white">
				<a href="../Home/home.html">
					<img class="logo" src="../assets/img/logo.png"> <small>用户管理中心</small>
				</a>
			</div>
			<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only check-head-nav" data-am-collapse="{target: '#collapse-head'}">
				<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
			</button>
			<div class="am-collapse am-topbar-collapse" id="collapse-head">
				<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
					<li>
						<a href="msg.html">
							<span class="am-icon-bell"></span> 通知
							<span class="am-badge am-badge-success countUp" data-endVal="60">0</span>
						</a>
					</li>
					<li>
						<a href="../Home/home.html">
							<span class="am-icon-home"></span> 返回首页
						</a>
					</li>
					<li class="am-dropdown" data-am-dropdown="">
						<a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
							<span class="am-icon-user"></span>
							<small>13701378834@163.com</small>
							<span class="am-icon-caret-down"></span>
						</a>
						<ul class="am-dropdown-content">
							<li><a href="user.html"><span class="am-icon-user"></span> 资料</a></li>
							<li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</header>

		<!-- start 内容区域 -->
		<div class="admin-main" id="main">
			<!-- start 导航开始 -->
			<div class="am-cf admin-sidebar am-offcanvas" id="admin-offcanvas">
				<div class="am-offcanvas-bar admin-offcanvas-bar">
					<ul class="am-list admin-sidebar-list" id="admin-left-nav">
						<li>
							<a href="vipRank.html">
								<span class="iconfont icon-dengji"></span> 会员等级
							</a>
						</li>
						<li>
							<a href="user.html">
								<span class="am-icon-user"></span> 账户信息
								<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span>
							</a>
						</li>
						<li>
							<a href="uploadPhoto.html">
								<span class="am-icon-upload"></span> 上传照片
							</a>
						</li>
						<li>
							<a href="msg.html">
								<span class="am-icon-twitch"></span> 消息中心
							</a>
						</li>
						<li>
							<a href="changepwd.html">
								<span class="am-icon-expeditedssl"></span> 修改密码
							</a>
						</li>
						<li>
							<a href="orderList.html">
								<span class="am-icon-street-view"></span> 我的报团
							</a>
						</li>
						<li class="am-active">
							<a href="history.html">
								<span class="am-icon-cart-arrow-down"></span> 历史记录
							</a>
						</li>
					</ul>
					<div class="am-panel am-panel-default admin-sidebar-panel am-hide-sm-only">
						<div class="am-panel-bd">
							<p><span class="am-icon-bookmark"></span> 公告</p>
							<p class="am-margin-xs">时光静好，与君语。</p>
							<p class="am-margin-xs">细水流年，与君同。</p>
						</div>
					</div>
				</div>
			</div>
			<!-- end 导航结束 -->

			<!-- start 内容开始 -->
			<div class="am-g pd-left260" id="admin-right-main">
				<div class="main-title">
					<div class="am-cf main-box">
						<h2 class="am-fl am-margin-0 am-padding-horizontal-sm main-box"> 
							<span class="main-txt">历史订单：</span>
						</h2>
					</div>
				</div>
				<div class="am-show-lg-only">
					<div class="am-u-sm-12 am-padding-lg">
						<table class="am-table am-table-bordered am-table-striped am-table-hover">
							<thead>
								<tr>
									<th>订单编号</th>
									<th>活动城市</th>
									<th>景点</th>
									<th>订单类型</th>
									<th>退团状态</th>
									<th>退团时间</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>20151120140856565251</td>
									<td>泰国</td>
									<td>普吉岛</td>
									<td>退订</td>
									<td>退订成功</td>
									<td class="am-text-truncate order-time">2016年1月25日 16:36:26</td>
								</tr>
								<tr>
									<td>20151120140856565251</td>
									<td>泰国</td>
									<td>普吉岛</td>
									<td>退订</td>
									<td>退订成功</td>
									<td class="am-text-truncate order-time">2016年1月25日 16:36:26</td>
								</tr>
								<tr>
									<td>20151120140856565251</td>
									<td>泰国</td>
									<td>普吉岛</td>
									<td>退订</td>
									<td>退订成功</td>
									<td class="am-text-truncate order-time">2016年1月25日 16:36:26</td>
								</tr>
								<tr>
									<td>20151120140856565251</td>
									<td>泰国</td>
									<td>普吉岛</td>
									<td>退订</td>
									<td>退订成功</td>
									<td class="am-text-truncate order-time">2016年1月25日 16:36:26</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>

				<div class="am-hide-lg-only">
					<div class="am-panel-group" id="accordion">
						<div class="am-panel am-panel-default">
							<div class="am-panel-hd">
								<h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-1'}">泰国 - 普吉岛</h4>
							</div>
							<div id="do-not-say-1" class="am-panel-collapse am-collapse am-in">
								<div class="am-panel-bd am-padding-vertical-0">
									<ul class="am-list am-text-fei list-ul">
										<li>
											<span>活动城市：</span>
											<span>泰国</span>
										</li>
										<li>
											<span>景点：</span>
											<span>普吉岛</span>
										</li>
										<li>
											<span>活动类型：</span>
											<span>免费出行</span>
										</li>
										<li>
											<span>出发时间：</span>
											<span>2016年2月2日 10:00:00</span>
										</li>
										<li>
											<span>活动状态：</span>
											<span>等待出发</span>
										</li>
										<li>
											<span>下单时间：</span>
											<span>已支付</span>
										</li>
										<li>
											<span>支付状态：</span>
											<span>2016年1月25日 16:36:26</span>
										</li>
										<li>
											<span>金额：</span>
											<span>免费</span>
										</li>
									</ul>
								</div>
							</div>
						</div>

						<div class="am-panel am-panel-default">
							<div class="am-panel-hd">
								<h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-2'}">印尼 - 巴厘岛</h4>
							</div>
							<div id="do-not-say-2" class="am-panel-collapse am-collapse">
								<div class="am-panel-bd">
									<ul class="am-list am-text-fei list-ul">
										<li>
											<span>活动城市：</span>
											<span>印尼</span>
										</li>
										<li>
											<span>景点：</span>
											<span>巴厘岛</span>
										</li>
										<li>
											<span>活动类型：</span>
											<span>免费出行</span>
										</li>
										<li>
											<span>出发时间：</span>
											<span>2016年2月2日 10:00:00</span>
										</li>
										<li>
											<span>活动状态：</span>
											<span>等待出发</span>
										</li>
										<li>
											<span>下单时间：</span>
											<span>已支付</span>
										</li>
										<li>
											<span>支付状态：</span>
											<span>2016年1月25日 16:36:26</span>
										</li>
										<li>
											<span>金额：</span>
											<span>免费</span>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- end 内容区域 -->
		</div>

		<!-- start 漂浮按钮 -->
		<div class="amz-toolbar">
			<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas', closeViaDimmer: 0}"></a>
		</div>
		<!-- end 漂浮按钮 -->

		<!-- 脚本 -->
		<script type="text/javascript">
		</script>
		<script src="http://apps.bdimg.com/libs/require.js/2.1.9/require.min.js" data-main="js/main"></script>
	</body>

</html>